<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
		img{
			width: 50%;
			/* 高斯模糊	*/
/*			filter: blur(5px);*/
			/* 灰度图像 0%原图 100%黑白 */
/*			filter: grayscale(50%);*/
			/* 图片亮度 小于100%变黑 大于100%变亮  */
/*			filter: brightness(50%);*/
			/* 对比度  1是原图，0是灰的，大于1对比度 */
/*			filter: contrast(4);*/
			/* 饱和度  */
/*			filter: saturate(50%);*/
			/* 图片阴影  x y方向的阴影 阴影扩展大小 阴影颜色 */
/*			filter: drop-shadow(1px 1px 10px red);*/
			/* 透明度 0~100% */
/*			filter: opacity(50%);*/
			/* 相机底片  */
/*			filter: invert(50%);*/
			/* 额外颜色 颜色变化 0~360deg */
			filter: hue-rotate(90deg);
		}
	</style>
</head>
<body>
	<img src="top.png">
</body>
</html>